<template>
  <div>
    <main-layout>
      <div class="service-center">
        <div class="name-title">联系客服</div>
        <div class="content-view">
          <div class="max-title">使用微信扫一扫，联系你的专属客服</div>
          <div class="tips-time">工作日：9:00 - 12:00  |  休息日：20:00 - 22:30 时间不定时处理消息</div>
        </div>
        <div
          style="text-align: center;padding-top: 30px;"
        >
          <img style="width:180px;" src="@/assets/s-rwm.png">
        </div>
      </div>
    </main-layout>
  </div>
</template>
<script setup name="service-center">

import mainLayout from '@/components/custom/mainLayout.vue'

</script>
<style lang="scss">
.service-center{
    background-color:#fff;
    height:calc(100vh - 120px);
    .name-title{
        position:relative;
        border-bottom:1px solid #eee;
        padding:10px 0;
        text-indent: 10px;
        font-size:15px;
    }
    .name-title::after{
        content:'';
        width:2px;
        height:20px;
        background-color:#FF9C00;
        position:absolute;
        left:0;
        top:50%;
        margin-top:-10px;
    }
    .content-view{
        height: 124px;
        width: 100%;
        background-image: url(/src/assets/nw-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        text-align:center;
        margin-top:20px;
        .max-title{
            color: #04AE70;
            font-size:20px;
            padding-top:30px;
        }
        .tips-time{
            color: #666;
            font-size:14px;
            padding-top:20px;
        }
    }
}
</style>
